How to set up and check Minification

Hello there, dear user! We're thrilled to guide you through the process of setting up and checking minification for your website using the SEO Suite application. Minification is a fantastic tool that helps speed up your website and enhance its performance by removing unnecessary information from your source code, such as white spaces, line breaks, comments, and so on.

Let's get started, shall we?

Introduction

Before we dive in, let's briefly discuss what minification is. Minification is a process that helps increase the speed and efficiency of your website by removing unnecessary information from your source code.

This includes things like white spaces, line breaks, comments, and more. This guide will walk you through how to set up and check if your theme code has been minimized using the SEO Suite application.

Step 1: Enabling Minification

Firstly, please navigate to the SEO Suite application. Once there, click on 'Speed Up' and then 'Minification'.

To enable this function, please toggle the button.

Step 2: Checking Minification Performance

Now, let's check the performance of the minification.

Checking Minified JS and CSS Files in Your Theme Code

Please navigate to your Store admin, then go to 'Theme', click on 'Actions', and finally 'Edit code'.

Next, search for "avada" and check the minify at Assets file.

Please note that the number of JS and CSS files can vary between different themes, as well as AVADA's minify file.

Checking Minified JS and CSS at the Storefront

To do this, please open your storefront and right-click on any position before clicking on 'Inspect'.

Next, navigate to the 'Network' tab and click on 'JS' or 'CSS'.

Finally, select any page you want to check, for example, the Product page:

And there you have it! You've successfully set up and checked minification for your website. If you have any questions or need further assistance, please don't hesitate to ask. We're here to help!